import React, { Component } from 'react'
import styles from "./Comment.module.scss"
export default class index extends Component {
    render() {
        return (
            <div id={styles.comment}>
                <div className={styles.commentTit}>
                    <span></span>
                    <em>商品评价</em>
                </div>
                {/* 筛选评论 */}
                <div className={styles.commentSelect}>
                    <span className={styles.all}>全部 999</span>
                    <span className={styles.new}>最新</span>
                    <span className={styles.recommend}>推荐 999</span>
                    <span className={styles.talk}>吐槽</span>
                    <span className={styles.hasImg}>有图 999</span>
                </div>
                {/* 只看最新 */}
                <div className={styles.lookNew}>只看有内容的评价</div>
                {/* 用户评论 */}
                <div className={styles.commentBox}>
                    <div className={styles.commentItem}>
                        {/* 用户信息 */}
                        <div className={styles.itemTop}>
                            <div className={styles.userImg}></div>
                            <div className={styles.userName}>
                                <strong>王德发</strong>
                                <span><em></em> 赞了该商品</span>
                            </div>
                            <div className={styles.vip}>
                                <span>☀</span>超级会员
                            </div>
                            <div className={styles.time}>2020-12-31 11:48</div>
                        </div>
                        {/* 用户评价 */}
                        <div className={styles.itemCenter}>
                            色香味俱全，包装新颖，店家服务好，赞一个。
                            色香味俱全，包装新颖，店家服务好，赞一个。
                        </div>
                        {/* 用户贴图 */}
                        <div className={styles.itemImg}>
                            
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}

